<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Welcome to Khoj</title>
</head>

<body
    style="font-family: 'Arial', sans-serif; line-height: 1.6; color: #333; max-width: 600px; margin: 0 auto; padding: 20px; background-color: #f5f5f5;">
    <div
        style="background-color: #ffffff; border-radius: 10px; box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); padding: 30px;">
        <a href="https://khoj.dev" target="_blank"
            style="display: block; text-align: center; margin-bottom: 20px; text-decoration: none;">
            <img src="https://assets.khoj.dev/khoj_logo.png" alt="Khoj Logo" style="width: 120px;">
        </a>

        <h1
            style="font-size: 24px; color: #2c3e50; margin-bottom: 20px; text-align: center; border-bottom: 2px solid #FFA07A; padding-bottom: 10px;">
            Your AI Knowledge Assistant
        </h1>

        <p style="font-size: 16px; color: #333; margin-bottom: 20px;">Hi {{name}}! We are psyched to be part of your
            journey with personal AI. To better help you, we're committed to staying transparent, accessible, and
            completely open-source.</p>

        <a href="https://app.khoj.dev" target="_blank"
            style="display: block; width: 200px; text-align: center; padding: 10px; margin: 20px auto; background-color: #FFA07A; color: #ffffff; text-decoration: none; border-radius: 5px; font-weight: bold; font-size: 16px; text-transform: uppercase;">Start Thinking</a>
        </p>
        <a href="https://docs.khoj.dev/features/online_search"
            style="color: #FFA07A; text-decoration: none; font-weight: bold; font-size: 14px;">
            <div style="display: grid; grid-template-columns: 1fr 1fr; grid-gap: 20px; margin-bottom: 20px;">
                <div style="background-color: #f8f9fa; border-left: 4px solid #FFA07A; padding: 15px;">
                    <h3 style="color: #2c3e50; margin-top: 0; font-size: 18px;">Your new search bar</h3>
                    <p style="font-size: 14px; color: #666; margin-bottom: 0;">Get straight to the answers you're looking for, grounded in reliable and high quality sources.</p>
                </div>
        </a>
        <a href="https://app.khoj.dev/agents"
            style="color: #FFA07A; text-decoration: none; font-weight: bold; font-size: 14px;">
            <div style="background-color: #f8f9fa; border-left: 4px solid #FFA07A; padding: 15px;">
                <h3 style="color: #2c3e50; margin-top: 0; font-size: 18px;">Craft your team</h3>
                <p style="font-size: 14px; color: #666; margin-bottom: 0;">Get specialized
                    assistance (market analysis, health concerns, environmental research), with custom and curated agents. You get a whole team of AIs, always available.</p>
            </div>
        </a>
        <a href="https://docs.khoj.dev/category/clients"
            style="color: #FFA07A; text-decoration: none; font-weight: bold; font-size: 14px;">
            <div style="background-color: #f8f9fa; border-left: 4px solid #FFA07A; padding: 15px;">
                <h3 style="color: #2c3e50; margin-top: 0; font-size: 18px;">Bring your own data</h3>
                <p style="font-size: 14px; color: #666; margin-bottom: 0;">Build on top of your own knowledge base. Khoj
                    stores whatever documents you share with it, so you can get answers from your personal data in your native language.</p>
            </div>
        </a>
        <a href="https://blog.khoj.dev/posts/evaluate-khoj-quality/"
            style="color: #FFA07A; text-decoration: none; font-weight: bold; font-size: 14px;">
            <div style="background-color: #f8f9fa; border-left: 4px solid #FFA07A; padding: 15px;">
                <h3 style="color: #2c3e50; margin-top: 0; font-size: 18px;">Do deep research</h3>
                <p style="font-size: 14px; color: #666; margin-bottom: 0;">Go beyond a single query. Let Khoj run for longer and
                    perform in-depth analyses tailored to your needs.</p>
            </div>
        </a>
    </div>

    <p style="font-size: 16px; color: #333; margin-bottom: 20px;">
        Got feedback? Reply to this email and say hi to
        introduce yourself 👋🏽.</p>
    <div style="font-size: 18px; font-weight: bold; margin-top: 30px; text-align: right;">- The Khoj Team</div>

    <div style="margin-top: 30px; text-align: center;">
        <a href="https://docs.khoj.dev" target="_blank"
            style="display: inline-block; margin: 0 10px; padding: 8px 15px; background-color: #FFA07A; color: #ffffff; text-decoration: none; border-radius: 5px;">Docs</a>
        <a href="https://github.com/khoj-ai/khoj" target="_blank"
            style="display: inline-block; margin: 0 10px; padding: 8px 15px; background-color: #FFA07A; color: #ffffff; text-decoration: none; border-radius: 5px;">GitHub</a>
        <a href="https://twitter.com/khoj_ai" target="_blank"
            style="display: inline-block; margin: 0 10px; padding: 8px 15px; background-color: #FFA07A; color: #ffffff; text-decoration: none; border-radius: 5px;">Twitter</a>
        <a href="https://www.linkedin.com/company/khoj-ai" target="_blank"
            style="display: inline-block; margin: 0 10px; padding: 8px 15px; background-color: #FFA07A; color: #ffffff; text-decoration: none; border-radius: 5px;">LinkedIn</a>
        <a href="https://discord.gg/BDgyabRM6e" target="_blank"
            style="display: inline-block; margin: 0 10px; padding: 8px 15px; background-color: #FFA07A; color: #ffffff; text-decoration: none; border-radius: 5px;">Discord</a>
    </div>
    </div>
</body>

</html>
